/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html {
    line-height:1.15;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
   }
   body {
    margin:0
   }
   article,
   aside,
   footer,
   header,
   nav,
   section {
    display:block
   }
   h1 {
    font-size:2em;
    margin:.67em 0
   }
   figcaption,
   figure,
   main {
    display:block
   }
   figure {
    margin:1em 40px
   }
   hr {
    box-sizing:content-box;
    height:0;
    overflow:visible
   }
   pre {
    font-family:monospace,monospace;
    font-size:1em
   }
   a {
    background-color:transparent;
    -webkit-text-decoration-skip:objects
   }
   abbr[title] {
    border-bottom:none;
    text-decoration:underline;
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted
   }
   b,
   strong {
    font-weight:inherit;
    font-weight:bolder
   }
   code,
   kbd,
   samp {
    font-family:monospace,monospace;
    font-size:1em
   }
   dfn {
    font-style:italic
   }
   mark {
    background-color:#ff0;
    color:#000
   }
   small {
    font-size:80%
   }
   sub,
   sup {
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
   }
   sub {
    bottom:-.25em
   }
   sup {
    top:-.5em
   }
   audio,
   video {
    display:inline-block
   }
   audio:not([controls]) {
    display:none;
    height:0
   }
   img {
    border-style:none
   }
   svg:not(:root) {
    overflow:hidden
   }
   button,
   input,
   optgroup,
   select,
   textarea {
    font-family:sans-serif;
    font-size:100%;
    line-height:1.15;
    margin:0
   }
   button,
   input {
    overflow:visible
   }
   button,
   select {
    text-transform:none
   }
   [type=reset],
   [type=submit],
   button,
   html [type=button] {
    -webkit-appearance:button
   }
   [type=button]::-moz-focus-inner,
   [type=reset]::-moz-focus-inner,
   [type=submit]::-moz-focus-inner,
   button::-moz-focus-inner {
    border-style:none;
    padding:0
   }
   [type=button]:-moz-focusring,
   [type=reset]:-moz-focusring,
   [type=submit]:-moz-focusring,
   button:-moz-focusring {
    outline:1px dotted ButtonText
   }
   fieldset {
    padding:.35em .75em .625em
   }
   legend {
    box-sizing:border-box;
    color:inherit;
    display:table;
    max-width:100%;
    padding:0;
    white-space:normal
   }
   progress {
    display:inline-block;
    vertical-align:baseline
   }
   textarea {
    overflow:auto
   }
   [type=checkbox],
   [type=radio] {
    box-sizing:border-box;
    padding:0
   }
   [type=number]::-webkit-inner-spin-button,
   [type=number]::-webkit-outer-spin-button {
    height:auto
   }
   [type=search] {
    -webkit-appearance:textfield;
    outline-offset:-2px
   }
   [type=search]::-webkit-search-cancel-button,
   [type=search]::-webkit-search-decoration {
    -webkit-appearance:none
   }
   ::-webkit-file-upload-button {
    -webkit-appearance:button;
    font:inherit
   }
   details,
   menu {
    display:block
   }
   summary {
    display:list-item
   }
   canvas {
    display:inline-block
   }
   [hidden],
   template {
    display:none
   }
   *,
   :after,
   :before {
    box-sizing:border-box
   }
   ol,
   ul {
    list-style:none;
    margin:0;
    padding:0
   }
   li {
    margin-left:0
   }
   img {
    width:100%;
    display:block
   }
   :focus,
   a {
    outline:none
   }
   a {
    background:transparent;
    text-decoration:none
   }
   .am-slide-up-appear,
   .am-slide-up-enter {
    -webkit-transform:translateY(100%);
    transform:translateY(100%)
   }
   .am-slide-up-appear,
   .am-slide-up-enter,
   .am-slide-up-leave {
    -webkit-animation-duration:.2s;
    animation-duration:.2s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-timing-function:cubic-bezier(.55,0,.55,.2);
    animation-timing-function:cubic-bezier(.55,0,.55,.2);
    -webkit-animation-play-state:paused;
    animation-play-state:paused
   }
   .am-slide-up-appear,
   .am-slide-up-appear-active,
   .am-slide-up-enter,
   .am-slide-up-enter-active {
    -webkit-animation-name:amSlideUpIn;
    animation-name:amSlideUpIn;
    -webkit-animation-play-state:running;
    animation-play-state:running
   }
   .am-slide-up-leave,
   .am-slide-up-leave-active {
    -webkit-animation-name:amSlideUpOut;
    animation-name:amSlideUpOut;
    -webkit-animation-play-state:running;
    animation-play-state:running
   }
   @-webkit-keyframes amSlideUpIn {
    0% {
     -webkit-transform:translateY(100%);
     transform:translateY(100%)
    }
    to {
     -webkit-transform:translate(0);
     transform:translate(0)
    }
   }
   @keyframes amSlideUpIn {
    0% {
     -webkit-transform:translateY(100%);
     transform:translateY(100%)
    }
    to {
     -webkit-transform:translate(0);
     transform:translate(0)
    }
   }
   @-webkit-keyframes amSlideUpOut {
    0% {
     -webkit-transform:translate(0);
     transform:translate(0)
    }
    to {
     -webkit-transform:translateY(100%);
     transform:translateY(100%)
    }
   }
   @keyframes amSlideUpOut {
    0% {
     -webkit-transform:translate(0);
     transform:translate(0)
    }
    to {
     -webkit-transform:translateY(100%);
     transform:translateY(100%)
    }
   }
   .am-zoom-enter,
   .am-zoom-leave {
    display:block
   }
   .am-zoom-appear,
   .am-zoom-enter {
    opacity:0;
    -webkit-animation-duration:.2s;
    animation-duration:.2s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-timing-function:cubic-bezier(.55,0,.55,.2);
    animation-timing-function:cubic-bezier(.55,0,.55,.2);
    -webkit-animation-timing-function:cubic-bezier(.18,.89,.32,1.28);
    animation-timing-function:cubic-bezier(.18,.89,.32,1.28);
    -webkit-animation-play-state:paused;
    animation-play-state:paused
   }
   .am-zoom-leave {
    -webkit-animation-duration:.2s;
    animation-duration:.2s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-timing-function:cubic-bezier(.55,0,.55,.2);
    animation-timing-function:cubic-bezier(.55,0,.55,.2);
    -webkit-animation-timing-function:cubic-bezier(.6,-.3,.74,.05);
    animation-timing-function:cubic-bezier(.6,-.3,.74,.05);
    -webkit-animation-play-state:paused;
    animation-play-state:paused
   }
   .am-zoom-appear,
   .am-zoom-appear-active,
   .am-zoom-enter,
   .am-zoom-enter-active {
    -webkit-animation-name:amZoomIn;
    animation-name:amZoomIn;
    -webkit-animation-play-state:running;
    animation-play-state:running
   }
   .am-zoom-leave,
   .am-zoom-leave-active {
    -webkit-animation-name:amZoomOut;
    animation-name:amZoomOut;
    -webkit-animation-play-state:running;
    animation-play-state:running
   }
   @-webkit-keyframes amZoomIn {
    0% {
     opacity:0;
     -webkit-transform-origin:50% 50%;
     transform-origin:50% 50%;
     -webkit-transform:scale(0);
     transform:scale(0)
    }
    to {
     opacity:1;
     -webkit-transform-origin:50% 50%;
     transform-origin:50% 50%;
     -webkit-transform:scale(1);
     transform:scale(1)
    }
   }
   @keyframes amZoomIn {
    0% {
     opacity:0;
     -webkit-transform-origin:50% 50%;
     transform-origin:50% 50%;
     -webkit-transform:scale(0);
     transform:scale(0)
    }
    to {
     opacity:1;
     -webkit-transform-origin:50% 50%;
     transform-origin:50% 50%;
     -webkit-transform:scale(1);
     transform:scale(1)
    }
   }
   @-webkit-keyframes amZoomOut {
    0% {
     opacity:1;
     -webkit-transform-origin:50% 50%;
     transform-origin:50% 50%;
     -webkit-transform:scale(1);
     transform:scale(1)
    }
    to {
     opacity:0;
     -webkit-transform-origin:50% 50%;
     transform-origin:50% 50%;
     -webkit-transform:scale(0);
     transform:scale(0)
    }
   }
   @keyframes amZoomOut {
    0% {
     opacity:1;
     -webkit-transform-origin:50% 50%;
     transform-origin:50% 50%;
     -webkit-transform:scale(1);
     transform:scale(1)
    }
    to {
     opacity:0;
     -webkit-transform-origin:50% 50%;
     transform-origin:50% 50%;
     -webkit-transform:scale(0);
     transform:scale(0)
    }
   }
   .am-slide-down-appear,
   .am-slide-down-enter {
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%)
   }
   .am-slide-down-appear,
   .am-slide-down-enter,
   .am-slide-down-leave {
    -webkit-animation-duration:.2s;
    animation-duration:.2s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-timing-function:cubic-bezier(.55,0,.55,.2);
    animation-timing-function:cubic-bezier(.55,0,.55,.2);
    -webkit-animation-play-state:paused;
    animation-play-state:paused
   }
   .am-slide-down-appear,
   .am-slide-down-appear-active,
   .am-slide-down-enter,
   .am-slide-down-enter-active {
    -webkit-animation-name:amSlideDownIn;
    animation-name:amSlideDownIn;
    -webkit-animation-play-state:running;
    animation-play-state:running
   }
   .am-slide-down-leave,
   .am-slide-down-leave-active {
    -webkit-animation-name:amSlideDownOut;
    animation-name:amSlideDownOut;
    -webkit-animation-play-state:running;
    animation-play-state:running
   }
   @-webkit-keyframes amSlideDownIn {
    0% {
     -webkit-transform:translateY(-100%);
     transform:translateY(-100%)
    }
    to {
     -webkit-transform:translate(0);
     transform:translate(0)
    }
   }
   @keyframes amSlideDownIn {
    0% {
     -webkit-transform:translateY(-100%);
     transform:translateY(-100%)
    }
    to {
     -webkit-transform:translate(0);
     transform:translate(0)
    }
   }
   @-webkit-keyframes amSlideDownOut {
    0% {
     -webkit-transform:translate(0);
     transform:translate(0)
    }
    to {
     -webkit-transform:translateY(-100%);
     transform:translateY(-100%)
    }
   }
   @keyframes amSlideDownOut {
    0% {
     -webkit-transform:translate(0);
     transform:translate(0)
    }
    to {
     -webkit-transform:translateY(-100%);
     transform:translateY(-100%)
    }
   }
   .jym-fade-appear,
   .jym-fade-enter,
   .jym-fade-leave {
    -webkit-animation-duration:.2s;
    animation-duration:.2s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear;
    -webkit-animation-play-state:paused;
    animation-play-state:paused
   }
   .jym-fade-appear,
   .jym-fade-appear-active,
   .jym-fade-enter,
   .jym-fade-enter-active {
    -webkit-animation-name:amFadeIn;
    animation-name:amFadeIn;
    -webkit-animation-play-state:running;
    animation-play-state:running
   }
   .jym-fade-leave,
   .jym-fade-leave-active {
    -webkit-animation-name:amFadeOut;
    animation-name:amFadeOut;
    -webkit-animation-play-state:running;
    animation-play-state:running
   }
   @-webkit-keyframes amFadeIn {
    0% {
     opacity:0
    }
    10% {
     opacity:.1
    }
    30% {
     opacity:.3
    }
    50% {
     opacity:.5
    }
    60% {
     opacity:.6
    }
    90% {
     opacity:.9
    }
    to {
     opacity:1
    }
   }
   @keyframes amFadeIn {
    0% {
     opacity:0
    }
    10% {
     opacity:.1
    }
    30% {
     opacity:.3
    }
    50% {
     opacity:.5
    }
    60% {
     opacity:.6
    }
    90% {
     opacity:.9
    }
    to {
     opacity:1
    }
   }
   @-webkit-keyframes amFadeOut {
    0% {
     opacity:1
    }
    10% {
     opacity:.9
    }
    30% {
     opacity:.6
    }
    50% {
     opacity:.5
    }
    60% {
     opacity:.3
    }
    90% {
     opacity:.1
    }
    to {
     opacity:0
    }
   }
   @keyframes amFadeOut {
    0% {
     opacity:1
    }
    10% {
     opacity:.9
    }
    30% {
     opacity:.6
    }
    50% {
     opacity:.5
    }
    60% {
     opacity:.3
    }
    90% {
     opacity:.1
    }
    to {
     opacity:0
    }
   }
   html body {
    background-color:#fff
   }
   .loading-toaster-page {
    position:absolute;
    top:50%;
    left:50%;
    margin:-60px 0 0 -60px;
    color:#fff;
    padding-top:25px;
    box-sizing:border-box;
    width:120px;
    height:120px;
    text-align:center;
    background:rgba(30,33,51,.8);
    border-radius:5px;
    font-size:16px
   }
   .loading-toaster-page img {
    width:40px;
    height:40px;
    display:block;
    margin:0 auto 12px
   }
   .search-list {
    height:1.2rem;
    font-size:.37333rem;
    color:#303133;
    text-align:center;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    position:relative;
    z-index:9;
    background-color:#fff;
    border-bottom:1px solid #e6e8eb
   }
   @media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx) {
    html:not([data-scale]) .search-list {
     border-bottom:none
    }
    html:not([data-scale]) .search-list:after {
     content:"";
     position:absolute;
     background-color:#e6e8eb;
     display:block;
     z-index:1;
     top:auto;
     right:auto;
     bottom:0;
     left:0;
     width:100%;
     height:1px;
     -webkit-transform-origin:50% 100%;
     transform-origin:50% 100%;
     -webkit-transform:scaleY(.5);
     transform:scaleY(.5)
    }
   }
   @media (-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:3),(min-resolution:2dppx) and (min-resolution:3dppx) {
    html:not([data-scale]) .search-list:after {
     -webkit-transform:scaleY(.33);
     transform:scaleY(.33)
    }
   }
   .search-list li {
    display:inline-block;
    -webkit-box-flex:1;
    -webkit-flex:1;
    flex:1;
    line-height:1.2rem;
    -webkit-flex-basis:2.2rem;
    flex-basis:2.2rem;
    width:2.2rem;
    overflow:hidden;
    -webkit-flex-shrink:0;
    flex-shrink:0
   }
   .search-list li span {
    overflow:hidden;
    white-space:nowrap;
    max-width:1.92rem;
    display:inline-block;
    vertical-align:middle;
    text-overflow:ellipsis
   }
   .search-list li:last-child {
    width:1.2rem;
    -webkit-flex-basis:1.2rem;
    flex-basis:1.2rem;
    -webkit-box-flex:0;
    -webkit-flex-grow:0;
    flex-grow:0
   }
   .search-list li.active {
    color:#05a8fa
   }
   .search-tab-container,
   .search-tab-container .search-tab-section {
    position:relative
   }
   .search-tab-container .tabs-place-holder-hide {
    display:none
   }
   .search-tab-container .tabs-place-holder {
    background:#fff;
    width:100%;
    height:1.2rem;
    box-sizing:content-box
   }
   .search-tab-container .position-tabs-to-fixed {
    position:absolute;
    top:0
   }
   .search-tab-container .search-tab-section.tab-fixed {
    position:fixed;
    top:0;
    background-color:#fff;
    z-index:2;
    width:100%
   }
   .icon-tabs-down-black,
   .icon-tabs-up-blue {
    margin-top:-.05333rem;
    width:.16rem;
    height:.10667rem;
    margin-left:.10667rem;
    vertical-align:middle;
    display:inline-block;
    background-repeat:no-repeat;
    background-size:100% auto
   }
   .icon-tabs-down-black {
    fill:#303133;
    stroke:#303133
   }
   .icon-tabs-up-blue {
    fill:#3bf;
    stroke:#3bf;
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg)
   }
   .icon-filter-black {
    width:.56rem;
    height:.42667rem;
    vertical-align:middle;
    display:inline-block;
    background-repeat:no-repeat;
    background-size:100% auto
   }
   .new-list-search-tabs {
    color:#5f6166;
    -webkit-justify-content:space-around;
    justify-content:space-around
   }
   .new-list-search-tabs li {
    text-overflow:ellipsis
   }
   .new-list-search-tabs li,
   .new-list-search-tabs li:last-child {
    -webkit-flex-basis:2.18667rem;
    flex-basis:2.18667rem;
    width:2.18667rem;
    -webkit-box-flex:0;
    -webkit-flex-grow:0;
    flex-grow:0
   }
   .new-list-search-tabs .icon-filter-black {
    width:.4rem;
    height:.4rem
   }
   .new-list-search-tabs .icon-filter-black,
   .new-list-search-tabs .icon-tabs-down-black {
    fill:#5f6166;
    stroke:#5f6166
   }
   .hide {
    opacity:0;
    height:0;
    overflow:hidden;
    max-height:0!important;
    padding:0
   }
   .search-sort-panel .sort-active {
    color:#05a8fa
   }
   .search-sort-panel .sort-default span {
    font-size:.32rem;
    color:#c0c4cc;
    margin-left:.13333rem
   }
   .search-sort-panel li {
    height:1.46667rem;
    padding-top:.4rem;
    margin-left:.4rem;
    font-size:.37333rem;
    color:#303133;
    line-height:.64rem;
    border-bottom:1px solid #e6e8eb;
    position:relative
   }
   @media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx) {
    html:not([data-scale]) .search-sort-panel li {
     border-bottom:none
    }
    html:not([data-scale]) .search-sort-panel li:after {
     content:"";
     position:absolute;
     background-color:#e6e8eb;
     display:block;
     z-index:1;
     top:auto;
     right:auto;
     bottom:0;
     left:0;
     width:100%;
     height:1px;
     -webkit-transform-origin:50% 100%;
     transform-origin:50% 100%;
     -webkit-transform:scaleY(.5);
     transform:scaleY(.5)
    }
   }
   @media (-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:3),(min-resolution:2dppx) and (min-resolution:3dppx) {
    html:not([data-scale]) .search-sort-panel li:after {
     -webkit-transform:scaleY(.33);
     transform:scaleY(.33)
    }
   }
   .search-sort-panel li:last-child:after {
    height:0!important
   }
   .icon-choose-blue {
    width:.34667rem;
    height:.24rem;
    position:absolute;
    right:.4rem;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    vertical-align:middle;
    display:inline-block;
    background-repeat:no-repeat;
    background-size:100% auto
   }
   .search-panel {
    max-height:11.52rem
   }
   .search-category-panel {
    display:-webkit-box;
    display:-webkit-flex;
    display:flex
   }
   .pid-list {
    width:28vw;
    display:inline-block;
    vertical-align:top;
    background:#e6e8eb;
    overflow:auto
   }
  
   .category-section::-webkit-scrollbar,
   .pid-list::-webkit-scrollbar {
    display:none
   }
   .pid-list .category-active {
    background:#f5f7fa;
    color:#05a8fa;
   }
   .pid-list .category-active:after {
    content:"";
    position:absolute;
    width:.08rem;
    height:.42667rem;
    background:#3bf;
    border-radius:.04rem;
    left:0;
    margin-top:.13333rem
   }
   .category-section {
    display:inline-block;
    -webkit-box-flex:1;
    -webkit-flex:1;
    flex:1;
    overflow:auto;
    background:#f5f7fa
   }
   .category-list li.active {
    color:#05a8fa;
    background:#fff
   }
   .category-list {
    margin:0;
    -webkit-overflow-scrolling:touch
   }
 
   .iconfont-arrow-right {
    font-size:.32rem;
    font-weight:700;
    float:right;
    margin-right:.13333rem
   }
   .search-panel {
    position:absolute;
    z-index:9;
    background-color:#fff;
    width:100%;
    overflow:hidden;
    -webkit-overflow-scrolling:touch;
    -webkit-transition:max-height .4s cubic-bezier(.39,.58,.57,1);
    transition:max-height .4s cubic-bezier(.39,.58,.57,1);
    border-radius:0 0 .26667rem .26667rem
   }
   .search-server-panel {
    display:-webkit-box;
    display:-webkit-flex;
    display:flex
   }
   .server-area-list,
   .server-list {
    width:2.77333rem;
    display:inline-block;
    vertical-align:top;
    background:#e6e8eb;
    overflow:auto
   }
   .server-area-list li,
   .server-list li {
    height:1.33333rem;
    padding-top:.34667rem;
    padding-left:.4rem;
    font-size:.37333rem;
    color:#303133;
    line-height:.64rem;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
   }
   .server-area-list {
    width:2.08rem;
    background:#f5f7fa
   }
   .client-section::-webkit-scrollbar,
   .server-area-list::-webkit-scrollbar,
   .server-list::-webkit-scrollbar {
    display:none
   }
   .server-area-list .server-active,
   .server-list .all-server-active,
   .server-list .server-active {
    background:#fff;
    color:#05a8fa;
    position:relative;
    overflow-y:auto
   }
   .all-server-active:after,
   .server-list .server-active:after {
    content:"";
    position:absolute;
    width:.08rem;
    height:.42667rem;
    background:#3bf;
    border-radius:.04rem;
    left:0;
    margin-top:.13333rem
   }
   .server-list .all-server-active,
   .server-list.level3 .server-active {
    background:#f5f7fa
   }
   .client-section {
    display:inline-block;
    -webkit-box-flex:1;
    -webkit-flex:1;
    flex:1;
    overflow:auto;
    position:relative
   }
   .client-section .am-list-view-scrollview-content {
    height:100%
   }
   .no-client-section {
    background:#f5f7fa
   }
   .server-search-input-form {
    position:relative;
    margin:.4rem .4rem 0
   }
   .server-search-input-form .form-input-text {
    background:#f5f7fa;
    border-radius:.53333rem;
    width:100%;
    border:0;
    height:1.06667rem;
    font-size:.37333rem;
    color:#303133;
    padding:0 .4rem 0 1.06667rem;
    vertical-align:middle;
    line-height:.96rem
   }
   .server-search-input-form ::-webkit-input-placeholder {
    font-size:.32rem;
    color:#c0c4cc
   }
   .server-search-input-form :-moz-placeholder,
   .server-search-input-form ::-moz-placeholder {
    font-size:.32rem;
    color:#c0c4cc
   }
   .server-search-input-form :-ms-input-placeholder {
    font-size:.32rem;
    color:#c0c4cc
   }
   .client-list li.active,
   .total-option.active {
    color:#05a8fa;
    background:rgba(5,180,255,.1);
    border:1px solid #05b4ff
   }
   .client-list {
    margin:0 0 .26667rem .4rem;
    -webkit-overflow-scrolling:touch
   }
   .client-list li {
    background:#f5f7fa;
    color:#5f6166;
    border-radius:.53333rem;
    font-size:.37333rem;
    text-align:center;
    display:inline-block;
    width:45%;
    margin-top:.26667rem;
    margin-right:.24rem;
    border:1px solid #f5f7fa;
    height:1.06667rem;
    font-size:.32rem;
    padding:0;
    position:relative;
    cursor:pointer
   }
   .client-list li .server-name-text {
    display:-webkit-box;
    -webkit-line-clamp:2;
    overflow:hidden;
    -webkit-box-orient:vertical;
    word-break:break-all;
    line-height:normal;
    position:absolute;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    left:50%;
    width:100%;
    padding:.08rem .26667rem
   }
   .client-list.level3 li {
    width:45%;
    margin-right:.16rem;
    padding-right:0;
    padding-left:0
   }
   .total-option {
    border-radius:.53333rem;
    font-size:.37333rem;
    text-align:center;
    padding:.32rem .26667rem .29333rem;
    display:inline-block;
    border:1px solid #f5f7fa;
    margin:.4rem .4rem 0;
    display:block;
    background:#f5f7fa;
    color:#5f6166;
    font-size:.32rem
   }
   .noServerPanelData {
    font-size:.37333rem;
    color:#303133;
    text-align:center;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    position:absolute;
    top:45%;
    left:50%;
    width:100%
   }
   .noServerPanelData img {
    width:2.66667rem;
    margin:auto auto .53333rem
   }
   .icon-search-grey {
    left:.34667rem
   }
   .icon-clean-grey,
   .icon-search-grey {
    vertical-align:middle;
    display:inline-block;
    background-repeat:no-repeat;
    background-size:100% auto;
    position:absolute;
    width:.42667rem;
    height:.42667rem;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
   }
   .icon-clean-grey {
    right:.26667rem
   }
   .all-client-id-footer {
    font-size:.32rem;
    color:#8d9199;
    text-align:center;
    margin:.45333rem 0 0;
    padding-bottom:.45333rem
   }
   .all-client-id-footer .all-client-footer-text {
    padding-bottom:.13333rem
   }
   .search-panel-container {
    position:relative
   }
   .search-mask {
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    background:rgba(0,0,0,.5);
    z-index:8
   }
   .filter-mask {
    z-index:101;
    -webkit-transition:opacity .5s ease,visibility .5s ease;
    transition:opacity .5s ease,visibility .5s ease;
    opacity:1
   }
   .filter-pannel.hide {
    -webkit-transform:translate3d(100%,0,0);
    transform:translate3d(100%,0,0)
   }

   .filter-form-container {
    height:100%;
    overflow:hidden;
    overflow-y:auto
   }
   .form-title {
    font-weight:700;
    font-size:14px;
    color:#303133;
    line-height:24px
   }
   .form-section {
    position:relative;
    margin-bottom:.8rem
   }
   .form-section .form-title {
    font-size:.37333rem;
    color:#303133;
    line-height:.64rem;
    margin-bottom:.26667rem
   }
 
   .form-section .range-input {
    width:3.41333rem;
    text-align:center
   }
   .form-section .range-input:nth-child(2n) {
    margin-right:.13333rem
   }
   .form-section .range-input:nth-child(odd) {
    margin-left:.13333rem
   }
 
   .form-section .form-checkbox-button {
    -webkit-appearance:none;
    display:none
   }
   .form-section .checkbox-button-section div:first-child .form-checkbox-button-label,
   .form-section .checkbox-button-section div:nth-child(2) .form-checkbox-button-label,
   .form-section .checkbox-button-section div:nth-child(3) .form-checkbox-button-label {
    margin-top:0
   }
   .price-range-section .checkbox-button-section {
    margin-top:.26667rem
   }
   .checkbox-button-section {
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap
   }
   input[type=checkbox]:checked+.form-checkbox-button-label {
    background:rgba(5,180,255,.1);
    border:1px solid #05b4ff;
    color:#05b4ff;
    font-weight:700
   }
   .total-options {
    float:right;
    margin-right:.4rem;
    font-size:.32rem;
    color:#5f6166;
    font-weight:400
   }
   .icon-select-option-all {
    margin-left:.06667rem
   }
  
   .filter-reset {
    height:.90667rem;
    margin-right:.32rem;
    margin-left:.32rem;
    border:1px solid #e6e8eb;
    border-radius:.6rem;
    background-color:#fff;
    color:#303133
   }
   .filter-reset,
   .filter-submit {
    text-align:center;
    font-size:.4rem;
    width:3.92rem;
    -webkit-box-flex:1;
    -webkit-flex:1;
    flex:1
   }
   .filter-submit {
    height:.93333rem;
    z-index:9;
    margin-right:12px;
    border:1px solid #05b4ff;
    border-radius:.6rem;
    color:#fff;
    background:#05b4ff
   }
   .form-switch-description {
    font-size:.32rem;
    color:#8d9199;
    margin-top:.48rem
   }
   .form-switch-description-position {
    position:relative
   }
   .form-switch-label {
    position:absolute;
    cursor:pointer;
    display:inline-block;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    right:.4rem
   }
   .form-checkbox-switch {
    width:1.6rem;
    height:.69333rem;
    border-radius:.42667rem;
    background:#e5e5e5;
    z-index:0;
    margin:0;
    padding:0;
    -webkit-appearance:none;
    appearance:none;
    border:0;
    -webkit-transition:all .3s;
    transition:all .3s
   }
   .form-checkbox-switch:after {
    width:.90667rem;
    z-index:2;
    -webkit-transform:translateX(0);
    transform:translateX(0);
    content:" ";
    position:absolute;
    left:0;
    top:-.10667rem;
    height:.90667rem;
    border-radius:50%;
    background:#fff;
    -webkit-transition:all .2s;
    transition:all .2s;
    border:1px solid #fff;
    box-shadow:0 1px 2px 0 rgba(0,0,0,.1)
   }
   .form-checkbox-switch:checked {
    background:#05b4ff
   }
   .form-checkbox-switch:checked:after {
    left:.74667rem;
    border:1px solid #fff;
    background:#fff;
    box-shadow:0 1px 2px 0 rgba(0,0,0,.1)
   }
   .split-line {
    width:.26667rem;
    height:.02667rem;
    display:inline-block;
    background:#8d9199;
    border-radius:.02667rem;
    margin-left:.12rem;
    margin-right:.25333rem
   }
   .search-list .isSelectd {
    color:#303133;
    font-weight:700
   }
   .search-list .isSelectd .svg-icon {
    fill:#05b4ff;
    stroke:#05b4ff
   }
   .search-tab-container .search-tab-section.tab-fixed {
    z-index:10
   }
   .fast-filter-form-section {
    margin-bottom:0
   }
   .fast-filter-section {
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    padding:.26667rem .4rem 0;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    justify-content:space-between
   }
   .fast-filter-section .form-checkbox-button-label {
    width:2.72rem;
    border-radius:.36rem;
    text-align:center;
    padding:.18667rem 0;
    font-size:.32rem;
    background:#f5f7fa;
    color:#5f6166;
    height:.72rem;
    line-height:.32rem
   }
   .fast-filter-section .form-checkbox-button-label.active {
    border:1px solid #05b4ff;
    color:#05b4ff;
    background:rgba(5,180,255,.05)
   }
   .filter-pannel ::-webkit-input-placeholder {
    font-size:.32rem;
    color:#c8c8c8;
    font-weight:400
   }
   .filter-pannel :-moz-placeholder,
   .filter-pannel ::-moz-placeholder {
    font-size:.32rem;
    color:#c8c8c8;
    font-weight:400
   }
   .filter-pannel :-ms-input-placeholder {
    font-size:.32rem;
    color:#c8c8c8;
    font-weight:400
   }
   .jym-default-img {
    background-repeat:no-repeat;
    background-size:100% 100%;
    display:inline-block
   }
   .jym-default-img.square {
    background-image:url()
   }
   .jym-default-img.rectangle {
    background-image:url(https://g.alicdn.com/jym/jym-frontend-cdn/img/img_default_rectangle.c6bf5ec9.png)
   }
   .jym-img-opc {
    opacity:1
   }
   .jym-img-opc-1 {
    -webkit-animation:imgfadeIn .5s ease-in-out;
    animation:imgfadeIn .5s ease-in-out
   }
   @-webkit-keyframes imgfadeIn {
    0% {
     opacity:0
    }
    25% {
     opacity:.25
    }
    50% {
     opacity:.5
    }
    75% {
     opacity:.75
    }
    to {
     opacity:1
    }
   }
   @keyframes imgfadeIn {
    0% {
     opacity:0
    }
    25% {
     opacity:.25
    }
    50% {
     opacity:.5
    }
    75% {
     opacity:.75
    }
    to {
     opacity:1
    }
   }
   .am-badge {
    position:relative;
    display:inline-block;
    vertical-align:middle
   }
   .am-badge-text {
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    position:absolute;
    height:.4rem;
    line-height:.4rem;
    min-width:.2rem;
    border-radius:.05333rem;
    padding:0 .05333rem;
    text-align:center;
    font-size:.26667rem;
    color:#0fa8f5;
    background-color:#f0faff;
    white-space:nowrap;
    -webkit-transform:translateX(-45%);
    transform:translateX(-45%);
    -webkit-transform-origin:-10% center;
    transform-origin:-10% center;
    font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,"\5FAE\8F6F\96C5\9ED1",SimSun,sans-serif
   }
   .am-badge-text p {
    margin:0;
    padding:0
   }
   .am-badge-hot .am-badge-text,
   .am-badge.red .am-badge-text {
    background-color:#fff2f1;
    color:#ff301a
   }
   .am-badge.green .am-badge-text {
    background:rgba(10,204,107,.08);
    color:#0acc6b
   }
   .am-badge.yellow .am-badge-text {
    background:rgba(250,191,12,.1);
    color:#fabb00
   }
   .am-badge.grey .am-badge-text {
    background:#f5f7fa;
    color:#303133
   }
   .am-badge.blue .am-badge-text {
    background-color:#05b4ff;
    color:#fff
   }
   .am-badge.origin .am-badge-text {
    background-color:#ff7605;
    color:#fff
   }
   .am-badge.purple .am-badge-text {
    background-color:#ff81c9;
    color:#fff
   }
   .am-badge.yellow-2 .am-badge-text {
    background-color:#ffa708;
    color:#fff
   }
   .am-badge.red-2 .am-badge-text {
    background-color:#fe575c;
    color:#fff
   }
   .am-badge.blue-2 .am-badge-text {
    background-color:#33cf75;
    color:#fff
   }
   .am-badge.blue-3 .am-badge-text {
    background-color:#04c7a0;
    color:#fff
   }
   .am-badge.purple-2 .am-badge-text {
    background-color:#b75bff;
    color:#fff
   }
   .am-badge.ellipse {
    max-width:48%
   }
   .am-badge.ellipse .am-badge-text {
    width:auto;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
   }
   .am-badge-not-a-wrapper .am-badge-dot,
   .am-badge-not-a-wrapper .am-badge-text {
    top:auto;
    display:block;
    position:relative;
    -webkit-transform:translateX(0);
    transform:translateX(0)
   }
   .am-badge-group .am-badge {
    margin-right:.13333rem
   }
   .am-badge-group .am-badge:last-child {
    margin-right:0
   }
   .goodsList-item {
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    padding:.4rem 0;
    margin:0 .4rem;
    border-bottom:1px solid #e6e8eb;
    position:relative
   }
   @media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx) {
    html:not([data-scale]) .goodsList-item {
     border-bottom:none
    }
    html:not([data-scale]) .goodsList-item:after {
     content:"";
     position:absolute;
     background-color:#e6e8eb;
     display:block;
     z-index:1;
     top:auto;
     right:auto;
     bottom:0;
     left:0;
     width:100%;
     height:1px;
     -webkit-transform-origin:50% 100%;
     transform-origin:50% 100%;
     -webkit-transform:scaleY(.5);
     transform:scaleY(.5)
    }
   }
   @media (-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:3),(min-resolution:2dppx) and (min-resolution:3dppx) {
    html:not([data-scale]) .goodsList-item:after {
     -webkit-transform:scaleY(.33);
     transform:scaleY(.33)
    }
   }
   .goodsList-item-left {
    -webkit-box-flex:1;
    -webkit-flex:1;
    flex:1;
    position:relative
   }
  
   .goodsList-item-left-header-read {
    color:#8d9199
   }
   .goodsList-item-left-header .am-badge {
    margin-top:-.05333rem;
    margin-right:.05333rem
   }
   .goodsList-item-left .left-footer {
    position:absolute;
    bottom:0;
    left:0;
    width:100%
   }
   .goodsList-item-left .left-footer-placehoder {
    height:1.06667rem
   }
   .goodsList-item-left .left-footer-tag {
    margin-top:.05333rem;
    font-size:.26667rem;
    margin-right:.18667rem;
    border-radius:.05333rem;
    padding:0 .05333rem;
    display:inline-block
   }
   .goodsList-item-left .left-footer-tag .iconfont {
    font-size:.34667rem;
    vertical-align:middle;
    margin-top:-.02667rem
   }
   .goodsList-item-left .left-footer-btags {
    position:absolute;
    right:0;
    bottom:0
   }
   .goodsList-item-left .left-footer-btag {
    background-image:url(https://g.alicdn.com/jym/jym-frontend-cdn/img/color_yellow.f57b7a3e.png);
    background-size:100% 100%;
    background-repeat:no-repeat;
    font-size:.26667rem;
    padding:.05333rem .08rem;
    color:#b66d2f;
    display:inline-block;
    font-weight:bolder
   }
   .goodsList-item-left .left-footer .blue {
    color:#4cd96f;
    background-color:rgba(36,226,144,.05)
   }
   .goodsList-item-left .left-footer .green {
    color:#2191e1;
    background-color:rgba(33,145,225,.05)
   }
   .goodsList-item-left .left-footer .grey {
    color:#8d9199;
    background-color:#f8f8f8
   }
   .goodsList-item-left .left-footer-price-dtl {
    position:absolute;
    margin-left:.16rem;
    font-size:.26667rem;
    color:#ff301a;
    display:inline-block;
    padding:.02667rem .05333rem;
    border:1px solid #ff301a;
    border-radius:.05333rem;
    top:.05333rem
   }
   .goodsList-item-left .left-footer-price-dtl .arrow {
    width:.08rem;
    height:.08rem;
    background-color:#fff;
    position:absolute;
    top:0;
    left:-.05333rem
   }
   .goodsList-item-left .left-footer-price-dtl .arrow-top {
    width:.13333rem;
    height:1px;
    border-top:1px solid #ff301a;
    position:absolute;
    top:-1px;
    left:-.10667rem
   }
   .goodsList-item-left .left-footer-price-dtl .arrow-left {
    width:.13333rem;
    height:1px;
    border-top:1px solid #ff301a;
    position:absolute;
    top:.02667rem;
    left:-.11467rem;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
   }
   .goodsList-item-badges {
    color:#8d9199;
    font-size:.29333rem;
    line-height:1
   }
  
  
   .goodsList-item-right {
    position:relative;
    padding-right:.26667rem
   }
   .goodsList-item-right .jym-default-img,
   .goodsList-item-right .jym-img-loaded {
    width:3.14667rem;
    height:3.14667rem;
    border-radius:.13333rem
   }
   .goodsList-item-right .jym-img-loaded {
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50%
   }
  
   .good-list-banner {
    padding:.4rem
   }
   .good-list-banner img {
    height:2.13333rem
   }
   .am-icon {
    fill:currentColor;
    background-size:cover
   }
   .am-icon-lg {
    width:1.06667rem;
    height:1.06667rem
   }
   .am-icon-loading {
    -webkit-animation:cirle-anim 1s linear infinite;
    animation:cirle-anim 1s linear infinite
   }
   @-webkit-keyframes cirle-anim {
    to {
     -webkit-transform:rotate(1turn);
     transform:rotate(1turn)
    }
   }
   @keyframes cirle-anim {
    to {
     -webkit-transform:rotate(1turn);
     transform:rotate(1turn)
    }
   }
   .am-toast {
    position:fixed;
    width:100%;
    z-index:1000;
    font-size:.42667rem;
    text-align:center
   }
   .am-toast>span {
    max-width:50%
   }
   .am-toast-mask {
    height:100%;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    align-items:center;
    left:0;
    top:0
   }
   .am-toast-mask,
   .am-toast-nomask {
    -webkit-transform:translateZ(1px);
    transform:translateZ(1px)
   }
   .am-toast-nomask {
    position:fixed;
    max-width:50%;
    width:auto;
    left:50%;
    top:50%;
    z-index:10000
   }
   .am-toast-nomask .am-toast-notice {
    -webkit-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%)
   }
   .am-toast-notice-content .am-toast-text {
    min-width:4rem;
    max-width:7.33333rem;
    line-height:1.5;
    border-radius:.13333rem;
    color:#fff;
    background-color:rgba(30,33,51,.8);
    padding:.53333rem
   }
   .toaster-loading img {
    width:1.06667rem;
    height:1.06667rem;
    margin:0 auto .34667rem
   }
   .toaster-ok .iconfont-choose:first-child {
    font-size:1.06667rem;
    color:#0acc6b
   }
   .toaster-ok .sub-content {
    font-family:PingFangSC-Medium;
    font-size:.37333rem;
    color:#c0c4cc;
    text-align:center;
    line-height:.53333rem
   }
   .filterRecord {
    background-color:#effaff;
    color:#05b4ff;
    font-size:.32rem;
    padding:.21333rem .4rem .21333rem .29333rem;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    position:relative;
    z-index:10
   }
   .filterRecord .iconfont {
    margin-right:.26667rem
   }
   .filterRecord-left {
    -webkit-box-flex:1;
    -webkit-flex:1;
    flex:1;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    align-items:center;
    width:auto;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
   }
   .filterRecord-right {
    width:1.70667rem
   }
   .search-form {
    width:100%
   }
   .search-input {
    padding-left:.13333rem;
    border:none;
    background-color:transparent;
    width:100%
   }
   .search-input,
   .search-input-zone {
    -webkit-box-flex:1;
    -webkit-flex:1;
    flex:1
   }
   .search-input-zone {
    background:#f5f7fa;
    border-radius:.48rem;
    color:#c0c4cc;
    font-size:.37333rem;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    height:.93333rem;
    text-align:left;
    padding-left:.18667rem;
    -webkit-box-align:center;
    -webkit-align-items:center;
    align-items:center
   }
   .search-input-zone .iconfont-search {
    font-size:.37333rem;
    margin-right:.13333rem
   }
   .search-input-zone .search-clear {
    padding:0 .13333rem 0 .26667rem;
    font-size:.53333rem;
    color:#c0c4cc
   }
   @-webkit-keyframes withChange {
    0% {
     width:6.13333rem
    }
    25% {
     width:6.4rem
    }
    50% {
     width:6.66667rem
    }
    75% {
     width:6.93333rem
    }
    to {
     -webkit-box-flex:1;
     -webkit-flex:1;
     flex:1
    }
   }
   @keyframes withChange {
    0% {
     width:6.13333rem
    }
    25% {
     width:6.4rem
    }
    50% {
     width:6.66667rem
    }
    75% {
     width:6.93333rem
    }
    to {
     -webkit-box-flex:1;
     -webkit-flex:1;
     flex:1
    }
   }
   .jym-goodsList-header-searchbtn {
    color:#0098fe;
    font-size:.42667rem;
    padding-left:.26667rem
   }
   .search-page-panel {
    margin:.53333rem .4rem .26667rem;
    font-size:.42667rem;
    color:#303133;
    font-weight:bolder
   }
   .search-page-panel-trash {
    float:right;
    color:#8d9199;
    font-size:.48rem
   }
   .search-history-list {
    margin:0 .13333rem 0 .4rem
   }
   .search-history-list-item {
    float:left;
    border-radius:.37333rem;
    background-color:#f5f7fa;
    padding:.13333rem .26667rem;
    font-size:.32rem;
    margin:0 .26667rem .26667rem 0;
    cursor:pointer
   }
   .loading-more {
    width:.8rem;
    margin:0 auto
   }
   .jym-goodsList-noResult {
    font-size:.42667rem;
    color:#303133;
    text-align:center;
    line-height:1.5
   }
   .navbar {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 50px;
    background-color: #fff;
    z-index: 9;
    top: 0;
    width: 100%;
    color: #fff;
    box-sizing: content-box;
}
   .navbar.fixed {
    position:fixed
   }
   .jym-goodsList-noResult-img {
    width:3.89333rem;
    margin:2.29333rem auto .53333rem
   }

   .navbar .header-back {
    padding: .21333rem;
    margin: 0 -.21333rem;
}

.search-tab-container, #search-tab-container .search-tab-section {
    position: relative;
}

   .title {
    position: relative;
}


   @font-face {
    font-family:jymiconfont;
    src:url(http://at.alicdn.com/t/font_1210754_xoczn2qvvqj.eot);
    src:url(http://at.alicdn.com/t/font_1210754_xoczn2qvvqj.eot#iefix) format("embedded-opentype"),
    url(http://at.alicdn.com/t/font_1210754_xoczn2qvvqj.woff) format("woff"),
    url(http://at.alicdn.com/t/font_1210754_xoczn2qvvqj.ttf) format("truetype"),
    url(http://at.alicdn.com/t/font_1210754_xoczn2qvvqj.svg#NextIcon) format("svg")
   }
   .iconfont {
    display:inline-block;
    font-family:jymiconfont;
    font-style:normal;
    font-weight:400;
    text-transform:none;
    font-display:swap;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
   }
   .iconfont:before {
    display:inline-block;
    vertical-align:middle;
    text-align:center
   }
   .iconfont-nav-back:before {
    content:"\E74E"
   }
   .iconfont-back:before {
    content:"\E662"
   }
   .iconfont-closedx:before {
    content:"\E684"
   }
   .iconfont-search:before {
    content:"\E610"
   }
   .iconfont-qq:before {
    content:"\E655"
   }
   .iconfont-weixin:before {
    content:"\E607"
   }
   .iconfont-wechat-moments:before {
    content:"\E60F"
   }
   .iconfont-weibo:before {
    content:"\E60E"
   }
   .iconfont-qzone:before {
    content:"\E60D"
   }
   .iconfont-os-pc:before {
    content:"\E603"
   }
   .iconfont-os-ios:before {
    content:"\E602"
   }
   .iconfont-os-android:before {
    content:"\E601"
   }
   .iconfont-help:before {
    content:"\E60C"
   }
   .iconfont-help-xy:before {
    content:"\E76B"
   }
   .iconfont-arrow-right:before {
    content:"\E620"
   }
   .iconfont-arrow-up:before {
    content:"\E63C"
   }
   .iconfont-arrow-down:before {
    content:"\E63D"
   }
   .iconfont-selected-blue:before {
    content:"\E628"
   }
   .iconfont-selected-red:before {
    content:"\E6D4"
   }
   .iconfont-log-code:before {
    content:"\E60B"
   }
   .iconfont-log-phone:before {
    content:"\E60A"
   }
   .iconfont-log-uc:before {
    content:"\E654"
   }
   .iconfont-toselect:before {
    content:"\E627"
   }
   .iconfont-edit:before {
    content:"\E612"
   }
   .iconfont-table-arrow:before {
    content:"\E66B"
   }
   .iconfont-tag-channel:before {
    content:"\E616"
   }
   .iconfont-post-share:before {
    content:"\E617"
   }
   .iconfont-post-comment:before {
    content:"\E61A"
   }
   .iconfont-post-main-content:before {
    content:"\E622"
   }
   .iconfont-post-like:before {
    content:"\E618"
   }
   .iconfont-post-like-selected:before {
    content:"\E61B"
   }
   .iconfont-post-video-play:before {
    content:"\E61F"
   }
   .iconfont-post-video-play-count:before {
    content:"\E61D"
   }
   .iconfont-post-follow:before {
    content:"\E624"
   }
   .iconfont-te-face:before {
    content:"\E61E"
   }
   .iconfont-te-keyboard:before {
    content:"\E621"
   }
   .iconfont-te-error:before {
    content:"\E629"
   }
   .iconfont-trash:before {
    content:"\E61C"
   }
   .iconfont-view-more:before {
    content:"\E625"
   }
   .iconfont-more-operate:before {
    content:"\E646"
   }
   .iconfont-add-pic:before {
    content:"\E653"
   }
   .iconfont-input-clean:before {
    content:"\E65D"
   }
   .iconfont-edit2:before {
    content:"\E62B"
   }
   .iconfont-followed-people:before {
    content:"\E62C"
   }
   .iconfont-im-link-blue:before,
   .iconfont-im-link:before {
    content:"\E635"
   }
   .iconfont-select:before {
    content:"\E604"
   }
   .iconfont-eye-close:before {
    content:"\E606"
   }
   .iconfont-eye-open:before {
    content:"\E605"
   }
   .iconfont-authorize-agree:before {
    content:"\E628"
   }
   .iconfont-warning-line:before {
    content:"\E608"
   }
   .iconfont-warning:before {
    content:"\E668"
   }
   .iconfont-keybord:before {
    content:"\E621"
   }
   .iconfont-keybord-smile:before {
    content:"\E61E"
   }
   .iconfont-keybord-pic:before {
    content:"\E647"
   }
   .iconfont-keybord-delete:before {
    content:"\E648"
   }
   .iconfont-tick-triangle:before {
    content:"\E626"
   }
   .iconfont-choose:before {
    content:"\E660"
   }
   .iconfont-wait:before {
    content:"\E666"
   }
   .iconfont-fail-circle:before {
    content:"\E629"
   }
   .iconfont-dailian-order:before {
    content:"\E62A"
   }
   .iconfont-complete:before {
    content:"\E776"
   }
   .iconfont-unfold:before {
    content:"\E658"
   }
   .iconfont-order-shop:before {
    content:"\E634"
   }
   .iconfont-see-open:before {
    content:"\E636"
   }
   .iconfont-see-close:before {
    content:"\E637"
   }
   .iconfont-order-seller:before {
    content:"\E638"
   }
   .iconfont-post-pin:before {
    content:"\E639"
   }
   .iconfont-s2 {
    font-size:.48rem
   }
   .iconfont-s1 {
    font-size:.42667rem
   }
   .iconfont-s3 {
    font-size:.96rem
   }
   .iconfont-collect:before {
    content:"\E63B"
   }
   .iconfont-collected:before {
    content:"\E63E"
   }
   .iconfont-share-u:before {
    content:"\E63F"
   }
   .iconfont-tab-option:before {
    content:"\E644"
   }
   .iconfont-homepage:before {
    content:"\E642"
   }
   .iconfont-blacklist:before {
    content:"\E643"
   }
   .iconfont-kefu:before {
    content:"\E74B"
   }
   .iconfont-photo:before {
    content:"\E75A"
   }
   .iconfont-toggle:before {
    content:"\E649"
   }
   .iconfont-2m:before {
    content:"\E645"
   }
   .iconfont-arrow-red:before,
   .iconfont-up-arrow:before {
    content:"\E64A"
   }
   .iconfont-user-report:before {
    content:"\E75B"
   }
   .iconfont-retry:before {
    content:"\E64C"
   }
   .iconfont-selected:before {
    content:"\E628"
   }
   .iconfont-toselete:before {
    content:"\E627"
   }
   .iconfont-openeyes:before {
    content:"\E65A"
   }
   .iconfont-closeeyes:before {
    content:"\E65B"
   }
   .iconfont-explain:before {
    content:"\E748"
   }
   .iconfont-question:before {
    content:"\E611"
   }
   .iconfont-ban-qq:before {
    content:"\E75D"
   }
   .iconfont-lock:before {
    content:"\E75E"
   }
   .iconfont-bank-card:before {
    content:"\E75C"
   }
   .iconfont-compete:before {
    content:"\E75F"
   }
   .iconfont-im-blacklist:before {
    content:"\E64F"
   }
   .iconfont-im-mute:before {
    content:"\E650"
   }
   .iconfont-im-remind:before {
    content:"\E651"
   }
   .iconfont-im-promote:before {
    content:"\E652"
   }
   .iconfont-im-notice:before {
    content:"\E656"
   }
   .iconfont-upload:before {
    content:"\E64E"
   }
   .iconfont-order-list-seller:before {
    content:"\E77F"
   }
   .clearfix {
    *zoom:1
   }
   .clearfix:after,
   .clearfix:before {
    content:" ";
    display:table
   }
   .clearfix:after {
    clear:both
   }
   @supports (bottom:constant(safe-area-inset-bottom)) or (bottom:env(safe-area-inset-bottom)) {
    .safe-area-inset-bottom {
     padding-bottom:env(safe-area-inset-bottom)
    }
   }
   .page-h5-goodsList body {
    width:100%
   }
   .page-h5-goodsList.error-bg body {
    background-color:#f5f7fa
   }
   .page-h5-goodsList .navbar-left {
    -webkit-box-flex:unset;
    -webkit-flex:unset;
    flex:unset
   }
   .page-h5-goodsList .image-swipe .carousel-page {
    background-color:unset;
    background-image:-webkit-linear-gradient(bottom,transparent,rgba(0,0,0,.5));
    background-image:linear-gradient(0deg,transparent,rgba(0,0,0,.5));
    border-radius:unset;
    width:100%
   }
   .jym-goodsList-hide {
    display:none
   }
   .jym-goodsList-header-input {
    background:#f5f7fa;
    border-radius:.48rem;
    color:#c0c4cc;
    font-size:.37333rem;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    height:.93333rem;
    -webkit-box-flex:1;
    -webkit-flex:1;
    flex:1;
    text-align:left;
    padding-left:.18667rem;
    -webkit-box-align:center;
    -webkit-align-items:center;
    align-items:center;
    font-family:PingFangSC-Regular;
    max-width:6.21333rem;
    width:auto;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
   }
   .jym-goodsList-header-input .keyword {
    color:#303133
   }
   .jym-goodsList-header-input .iconfont-search {
    font-size:.37333rem;
    margin-right:.13333rem
   }
   .jym-goodsList-header-toggle {
    font-size:.37333rem;
    color:#05b4ff;
    display:-webkit-inline-box;
    display:-webkit-inline-flex;
    display:inline-flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    align-items:center;
    width:1.2rem;
    margin-right:.21333rem;
    margin-left:.4rem
   }
   .jym-goodsList-header-toggle .switch {
    width:.37333rem;
    display:inline
   }
   .jym-goodsList-header-toggle .switch.hidden {
    display:none
   }
   .jym-goodsList-errorpage {
    font-size:.42667rem;
    color:#303133;
    text-align:center
   }
   .jym-goodsList-errorpage-header {
    background-color:#fff;
    height:1.2rem;
    line-height:1.2rem;
    font-weight:bolder
   }
   .jym-goodsList-errorpage-img {
    width:3.89333rem;
    margin:5.54667rem auto .53333rem
   }
   .jym-goodsList-errorpage-btn {
    width:2rem;
    margin:.4rem auto
   }
   .jym-goodsList-swipimg-btn {
    margin:0 auto;
    width:3.73333rem
   }
   .jym-goodsList-swipimg-btn-zone {
    position:absolute;
    bottom:0;
    padding:.93333rem 0 .8rem;
    left:0;
    width:100%;
    background-image:-webkit-linear-gradient(top,transparent,rgba(0,0,0,.5));
    background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.5))
   }
   .jym-goodsList-swipimg-btn .jym-btn-imgBtn {
    background:rgba(0,0,0,.5);
    border:1px solid #fff
   }
   .jym-goodsList .image-swipe .carousel-page {
    top:0;
    bottom:auto;
    height:1.2rem;
    line-height:1.2rem;
    font-size:.48rem
   }
   .jym-goodsList-goTop {
    position:fixed;
    bottom:1.06667rem;
    right:.4rem;
    width:.93333rem;
    height:.93333rem;
    background-color:#fff;
    border-radius:50%;
    font-size:.88rem;
    text-align:center;
    line-height:.93333rem;
    z-index:1;
    border:1px solid #e6e8eb;
    color:#666;
    -webkit-animation:arrow-slide-up .3s linear;
    animation:arrow-slide-up .3s linear
   }
   .jym-goodsList-goTop.arrow-slide-down {
    -webkit-animation:arrow-slide-down .3s linear;
    animation:arrow-slide-down .3s linear
   }
   .new-list-search-tabs li.active:last-child {
    color:#5f6166
   }
   .infinite-scroll-message.first-loading {
    margin-top:4.8rem
   }
   @-webkit-keyframes arrow-slide-up {
    0% {
     -webkit-transform:translate3d(0,1.06667rem,0);
     transform:translate3d(0,1.06667rem,0)
    }
    to {
     -webkit-transform:translateZ(0);
     transform:translateZ(0)
    }
   }
   @keyframes arrow-slide-up {
    0% {
     -webkit-transform:translate3d(0,1.06667rem,0);
     transform:translate3d(0,1.06667rem,0)
    }
    to {
     -webkit-transform:translateZ(0);
     transform:translateZ(0)
    }
   }
   @-webkit-keyframes arrow-slide-down {
    0% {
     -webkit-transform:translateZ(0);
     transform:translateZ(0)
    }
    to {
     -webkit-transform:translate3d(0,1.06667rem,0);
     transform:translate3d(0,1.06667rem,0)
    }
   }
   @keyframes arrow-slide-down {
    0% {
     -webkit-transform:translateZ(0);
     transform:translateZ(0)
    }
    to {
     -webkit-transform:translate3d(0,1.06667rem,0);
     transform:translate3d(0,1.06667rem,0)
    }
   }
   .good-list-banner {
    margin:.4rem;
    padding:0;
    display:block
   }
   .good-list-banner img {
    border-radius:.13333rem
   }



   
   /* tabbar */

  
                    
.tabbar{
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width:100vw;
    bottom: 0;
    height: 55px;
    background: #fff;
    border-top: 1px solid #ddd;
}

.tabbar p{
    margin: 0;
}

.tabbar img{
    width: 25px;
    height: 25px;
}

.tabbar div{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.tabbar .item.c .word{
    color: #85c1f7;
}

.tabbar div:first-child{
   margin-left: 4vw;
}
.tabbar div:last-child{
    margin-right: 4vw;
 }

.tabbar div p{
    font-size: 10px;
    margin-top: 2px;
    color: #D4D4D4;
}


.tabbar .dot{
    width: 15px;
    height: 15px;
    background: #f81714;
    color: #fff;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    right: -7px;
    top: -7px;
}

.list{
    display: flex;
    align-items: center;
    flex-direction: column;
   
}

.list .item{
    width: 94%;
    display: flex;
    font-size: 14px;
    margin-top: 2.5vw;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
 
}
.list .item:not(:last-child){
   border-bottom: 1px solid #ddd;
}
.list .item .left{
    display: flex;
    align-items: center;
   
}
.list .item .left .middle{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 18vw;
}
.list .item .left .middle .p1{
    font-size: 16px;
    font-weight: bold;
}
.list .item .left .price p{
    color: #F67662;
    font-weight: bold;
      font-size: 16px;
}
.list .item .last{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 18vw;

}
.list .item .last .xiadan{
    display: flex;
    justify-content: center;
}
.list .item .left .middle .price{

    display: flex;
}

.list .item .left img{
    width: 22vw;
    height: 22vw;
    border-radius: 10px;
    margin-right: 10px;
    object-fit: cover;
}
.list .item .xuanze{
    display: flex;
    align-items: center;
}
.list .item .xuanze img{
    width: 17px;
    height: 17px;
    border-radius: 10px;
}
.list .item .xuanze p{
    font-size: 12px;
}

.list .item .xiadan{
    background: #85c1f7;
    width: 80px;
    height: 26px;
    text-align: center;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
color: #fff;
font-size: 13px;
}
/* 预览图片 */
.preview{
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
}
.preview .mask{
    width: 100vw;
    height: 100vh;
    background:  rgba(0,0,0,.5);
    z-index: 1001;
}

.preview img{
    z-index: 1002;
    width: 100vw;
    position: fixed;
}
/* 预览图片 */


/* 评价 */
.pingjialist{
    display: flex;
    flex-direction: column;

}
.pingjialist .item{
    display: flex;
    margin-bottom: 12px;
    border-bottom:1px solid #ddd;
    padding-bottom: 10px;
    
}
.pingjialist .item .avatar{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 15px;
}

.pingjialist .star{
    display: flex;
    margin-bottom: 10px;
    margin-top: 10px;
}

.pingjialist .star img{
    width: 16px;
    height: 16px;
    margin-right: 5px;
}
.pingjialist .date{
    color: #999;
    margin-top: 10px;
}

/* 评价 */


/* 下单须知 */
.xuzhiview{
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}
.xuzhiview .mask{
    width: 100vw;
    height: 100vh;
    background:  rgba(0,0,0,.5);
    z-index: 1001;
}

.xuzhiview .wrap{
    z-index: 1002;
    width: 90vw;
    position: fixed;
    background: #fff;
    padding:20px 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 15px;

}
.xuzhiview .title{
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px;
}
.xuzhiview .contents{
    font-size: 14px;
    line-height: 1.5;
    white-space: pre-wrap;
}

.xuzhiview .btns{
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    margin-top: 15px ;
}

.xuzhiview .btns p{
    width: 37vw;
    height: 11vw;
    font-size: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #85c1f7;
    border-radius: 25px;
}
.xuzhiview .btns .qx{
    color: #999;
    background: #eee;
}

/* 下单须知 */